<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>后台管理系统首页</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/sb-admin.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js" type="text/javascript"></script>
    <script src="js/response.js" type="text/javascript"></script>
    <![endif]-->
    <style>
        .pic-upload{
            width: 200px;
            height: 200px;
            position: relative;
        }
        .up-true{
            width: 200px;
            height: 200px;
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1000;
        }
        .up-false{
            width: 200px;
            height: 200px;
            display: block;
            opacity: 1;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 999;
            padding: 10px;
        }
    </style>
</head>

<body>

<div id="wrapper">

    <!-- Navigation -->
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html">后台管理系统</a>
        </div>
        <!-- Top Menu Items -->
        <ul class="nav navbar-right top-nav">
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> John Smith <b
                        class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li>
                        <a href="#"><i class="fa fa-fw fa-user"></i> Profile</a>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-fw fa-envelope"></i> Inbox</a>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-fw fa-gear"></i> Settings</a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="#"><i class="fa fa-fw fa-power-off"></i> Log Out</a>
                    </li>
                </ul>
            </li>
        </ul>
        <div class="collapse navbar-collapse navbar-ex1-collapse">
            <ul class="nav navbar-nav side-nav">
                <li>
                    <a href="javascript:;" data-toggle="collapse" data-target="#demo"><i
                            class="fa fa-fw fa-arrows-v"></i> 系统管理 <i class="fa fa-fw fa-caret-down"></i></a>
                    <ul id="demo" class="collapse">
                        <li>
                            <a href="index.html">账号管理</a>
                        </li>
                        <li>
                            <a href="password-manage.html">密码管理</a>
                        </li>
                        <li>
                            <a href="register-bg.html">注册管理</a>
                        </li>
                    </ul>
                </li>
                <li >
                    <a href="javascript:;" data-toggle="collapse" data-target="#demo1"><i
                            class="fa fa-fw fa-dashboard"></i> 理财产品 <i class="fa fa-fw fa-caret-down"></i></a>
                    <ul id="demo1" class="collapse">
                        <li>
                            <a href="product-list.html">产品列表</a>
                        </li>
                        <li>
                            <a href="product-edit.html">产品编辑</a>
                        </li>
                    </ul>
                </li>
                <!--<li >-->
                <!--<a href="index.html"><i class="fa fa-fw fa-dashboard"></i> 理财产品</a>-->
                <!--</li>-->
                <li class="active">
                    <a href="service-list.html"><i class="fa fa-fw fa-bar-chart-o"></i> 客服人员</a>
                </li>
                <li>
                    <a href="investment.html"><i class="fa fa-fw fa-table"></i> 用户投资</a>
                </li>
                <li >
                    <a href="buy-back.html"><i class="fa fa-fw fa-edit"></i> 回购列表</a>
                </li>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </nav>

    <div id="page-wrapper">

        <div class="container-fluid">

            <!-- Page Heading -->
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="page-header">
                        客服编辑
                        <small>Money Manage</small>
                    </h1>
                    <ol class="breadcrumb">
                        <li class="active">
                            <i class="fa fa-dashboard"></i> Dashboard
                        </li>
                    </ol>
                </div>
            </div>
            <!-- /.row -->

            <div class="row col-lg-3">
                <div class="col-lg-2">
                    <div class="pic-upload">
                        <label>
                            <input type="file" class="up-true" placeholder="上传图片">
                            <img src="img/upload.png" alt=""  class="img-thumbnail up-false">
                        </label>

                    </div>
                </div>
            </div>
            <div class="row col-lg-9">
                <div class="col-lg-6">
                    <h3>个人信息</h3>

                    <form role="form">

                        <div class="form-group has-success">
                            <label class="control-label" for="inputSuccess">姓名*:</label>
                            <input type="text" class="form-control" id="inputSuccess">
                        </div>

                        <div class="form-group has-warning">
                            <label class="control-label" for="inputWarning">从业年限*:</label>
                            <input type="text" class="form-control" id="inputWarning">
                        </div>

                        <div class="form-group has-error">
                            <label class="control-label" for="inputError">联系号码*:</label>
                            <input type="text" class="form-control" id="inputError">
                        </div>
                        <div class="form-group has-error">
                            <label class="control-label" for="inputError">服务星级*:</label>
                            <input type="text" class="form-control" id="inputError">
                        </div>
                        <button type="button" class="btn btn-sm btn-primary" style="margin-bottom: 50px;margin-top:10px;padding: 5px 20px">保存</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
